{% extends './baseOld.html' %}
{% block title %}
<title>{{page_title}}-收藏夾</title>
{% endblock %}
{% block body %}
    <div id="main-container" class="no-header-top">
      <div class="page-top-leader omega">
        <div class="container_12 relatived clearfix">
          <h1 class="page-title">收藏夾</h1>
          <div class="breadcrumb">
            <span class="br_before">當前位置:</span>
            <a href="/">首頁</a>
            <span class="br_sep">/</span>
            <span class="cur_link">收藏夾</span>
          </div>
        </div>
      </div><!-- .page-top-leader -->
      <div class="container_12 aside-container">
      <div class="grid_9">
          {% if wishlist.length==0 %}
          <div class="ui-page-notice  aside-container">
              <div class="section">
                  <!--<i class="ico iconfont icon-dianpu" ></i>-->
                  <i class="ico icomoon" aria-hidden="true" data-icon="&#xe00d;"></i>
                  <div class="cont">
                      <div class="tit">收藏夾空空的哦~，去看看心儀的主題吧~</div>
                      <div>
                          <a href="/" class="style-button">去逛逛</a>
                      </div>
                  </div>
              </div>
          </div>
          {% else %}
        <div class="wishlist-info">
          <table>
            <thead>
              <tr>
                <td>封面</td>
                <td>產品名稱</td>
                <td>類型</td>
                <td>單價</td>
                <td>操作</td>
              </tr>
            </thead>
            <tbody>
            {% for good in wishlist %}
              <tr class="div_wishlist_{{good.id}}">
                <td><a href="/shop/goods/{{good.goodsID}}" target="_blank" title="{{good.name}}"><img  src="{{good.imgurl}}" alt=""></a></td>
                <td>{{good.name}}</td>
                <td>{% if good.goodsType=="T" %}主題{% elif good.goodsType=="C" %}組件{% endif %}</td>
                <td>{{good.price}}</td>
                <td class="action">
                  <a href="javascript:void(0);" class="add_cart icomoon" data-icon="&#x25e0;"  onclick="addCart('{{good.goodsID}}','1','{{good.price}}')" title="加入購物車" aria-hidden="true"></a>
                  <a href="javascript:void(0);" class="remove_cart icomoon" onclick="delWishList('{{good.id}}')" data-icon="&#xe004;" title="刪除" aria-hidden="true"></a>
                </td>
              </tr>
            {% endfor %}
            </tbody>
          </table>
        </div><!-- .wishlist-info -->
        <a class="style-button right" href="/">繼續購物</a>
          {% endif %}
      </div>
      <div id="column-left"  style="padding-top: 0px;" class="grid_3 aside omega">
        <div class="box">
          <div class="box-heading">帳戶管理</div>
          <div class="box-content">
            <div class="box-category">
              <ul>
                <li><a  href="/shop/uc">我的帳戶</a></li>
                <li><a class="active" href="/shop/wishlist">收藏夾</a></li>
                  <li><a href="/shop/myProduct">我的倉庫</a></li>
                <li><a href="/shop/order">我的訂單</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div><!--end #column-left -->
      </div><!-- end .container_12 -->
        </div><!-- end #main-container -->
{% endblock %}
